<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <meta charset="UTF-8">
    <title>个人主页</title>
    <link rel="stylesheet" href="css/index2.css"/>
    <link rel="stylesheet" href="css/scale.css" type="text/css">
    <style>
        body{
            height:auto;
            overflow: auto;
        }
        .labelspan{
            color: #333;
            font-weight: bold;
        }
        .photo{
            /*width:200px;*/
            /*height:200px;*/
            border-radius: 50%;
            background: url("img/loseimg.png") no-repeat;
            background-size: 60px;
        }
        #sex1{
            display: inline-block;
            width:20px;
            height: 20px;
            background: url("img/man.png") no-repeat bottom;
            background-size: 15px;
        }
        #sex2{
            display: inline-block;
            width:20px;
            height: 20px;
            background: url("img/woman.png") no-repeat bottom;
            background-size: 15px;
        }
        /*好友申请*/
        #friendInfor,#friendInfor2{
            z-index: 400;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            -webkit-user-select: none;
            background: rgba(0,0,0,0.75)
        }
        #friendInfor .inner,#friendInfor2 .inner{
            margin: 12px auto;
            position: relative;
            max-width: 300px;
            min-height: 100%;
        }
        #friendInfor .inner .action_menu,#friendInfor2 .inner .action_menu{
            border-radius: 2px;
        }
        #friendInfor .inner .action_menu .mweb_action_button,#friendInfor2 .inner .action_menu .mweb_action_button{
            text-align: center;
            display: block;
            padding: 12px 0;
            color: #333;
            line-height: 1.4;
            font-size: 15px;
            font-weight: 500;
            position: relative;
            background: #fff;
        }
        #friendInfor .inner .action_menu .mweb_action_button:after, #friendInfor2 .inner .action_menu .mweb_action_button:after{
            border-bottom: 1px solid #e2e2e2;
            content: "";
            position: absolute;
            pointer-events: none;
            box-sizing: border-box;
            border-radius: 0;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        #friendInfor .inner .action_menu .mweb_action_button:first-child,#friendInfor2 .inner .action_menu .mweb_action_button:first-child{
            border-radius: 2px 2px 0 0;
        }
        #friendInfor .inner .action_menu .mweb_action_button:last-child,#friendInfor2 .inner .action_menu .mweb_action_button:last-child{
            border-radius:0 0 2px 2px;
        }
        /*大图片*/
        #digimgplace{
            background:#000000;
            background-position: center;
            background-repeat: no-repeat;
            /*height:100%;*/
            background-image: url("");
        }
        /*加载中等待*/
        #waitplace{
            /*height:100%;*/
            width:100%;
            /*background:rgba(28,29,31,0.2);*/
            /*position:absolute;*/
            z-index: 1000;
            /*top:0;*/
            /*bottom:0;*/
            left:0;
            right:0;
            /*改*/
            position:fixed;
            top:45%;
        }
        #waitplace>div{
            width:64%;
            height:80px;
            background:rgba(53,53,53,0.5);
            overflow: hidden;
            border-radius:4px ;
            margin:auto;
        }
        #waitplace>div>div:first-child{
            width:33%;
            height:80px;
            text-align: center;
            line-height: 80px;
        }
        #waitplace>div>div:first-child>img{
            width:44px;
            height:44px;
            -webkit-animation:circle 1s infinite linear;/*匀速 循环*/
        }
        @-webkit-keyframes circle{
            0%{ transform:rotate(0deg); }
            100%{ transform:rotate(-360deg); }
        }
        #waitplace>div>div:last-child{
            height:80px;
            line-height:80px;
            font-size:18px;
            color:#fff;
        }
        /*最新动态按钮*/
        #lastinfopage{
            /*position:absolute;*/
            /*z-index: 100;*/
            /* right:20px; */
            /* top:1px; */
            /* bottom:0; */
            /* left:0; */
            box-sizing: border-box;
            /* background: transparent url("img/rarr02.png") no-repeat right; */
            /* background-size: 14px; */
        }
        /*最新动态金额*/
        .scoreword{
            background: url("img/money04.png") no-repeat left;
            background-size: 16px;
            padding-left:14px;
            font-size: 15px;
            color:#f4c600;
        }
        /*回答新消息*/
        #answernotic{
            background: #fff;
        }
        #answernotic div{
            width:170px;
            height:40px;
            margin:20px auto;
            margin-bottom:0px;
            background: #575757;
            color:#FFF;
            font-size: 15px;
            line-height: 40px;
            border-radius: 3px;
            text-align: center;
        }
        .main_text span:last-child{
            color:#999;
        }
        .ProfilePageHeader .messages_link{
            width:70%;
            white-space:nowrap;
            text-overflow:ellipsis;
            -o-text-overflow:ellipsis;
            overflow: hidden;
        }
        .action_bar_inner>.action_item:first-child{
            width:80%;
            z-index: -1;;
        }
        #chat1{
            float: right;
            width:39px;
            height:44px;
            background: url("img/chatlogo.png")no-repeat center;
            background-size:20px ;
            cursor: pointer;
        }
    </style>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off">
<div class="PageWrapper mweb" id="page_wrapper">
    <div class="Header">
        <!-- 头部导航条-->
        <div class="fixed_header">
            <div class="header_main">
                <div class="page_title" id="page_title"></div>
                <a class="logo symbol_logo"  id="chat1"></a>
            </div>
            <ul class="header_nav">
                <li class="HeaderNavItem HomeNavItem">
                    <a id="read1">
                        <div class="label">阅读</div>
                    </a>
                </li>
                <li class="HeaderNavItem OpenQsNavItem">
                    <a id="answer1">
                        <div class="label">分享经验</div>
                    </a>
                </li>
                <li class="NotifsNavItem HeaderNavItem">
                    <a id="question1">
                        <div class="label">提问</div>
                    </a>
                </li>
                <li class="ProfileNavItem HeaderNavItem is_active">
                    <a id="set1">
                        <p id="newnotenotice" style="display:none"></p>
                        <div class="label">我</div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="searchlist-box">
            <!-- 消息提醒-->
            <div id="answernotic" style="display:none;">
                <div><span></span>条新消息</div>
            </div>
            <!-- 名片墙-->
            <div class="ProfilePageHeader">
                <div class="ProfilePhotoNameSig PhotoInfoLayout">
                    <div class="photo_info_layout size_large">
                        <div class="photo_wrapper">
                            <div class="photo" id="photo">
                               <img class="profile_photo_img" src="" style="display:none;">
                            </div>
                        </div>
                        <div class="info_wrapper">
                            <div class="info">
                                <h1 class="name">
                                    <span class="user" id="nickname"></span>
                                    <span id="sex1" style="display: none;"></span>
                                    <span id="sex2" style="display: none;"></span>
                                </h1>
                                <span class="personallabel" id="cover"></span>
                            </div>
                        </div>
                        <!--<div class="erweimabox">-->
                        <!--<img src="img/erweima01.png" alt=""/>-->
                        <!--</div>-->
                    </div>
                </div>
                <div class="Profile ActionBar">
                    <div class="action_bar_inner">
                        <div class="action_item">
                            <a class="messages_link">个性签名:&nbsp;&nbsp; <span id="myword"></span></a>
                        </div>
                        <div class="overflow action_item overflow_link">
                            <a class="overflow_link">
                                <span class="dots overflow_dots"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 基本信息-->
        <div class="AboutSection setpageotherplace">
            <div class="section_header">
                基本信息
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="location"></div>
                        <span class="main_text">
                            <span class="TopicName">所在城市：</span>
                            <span id="city"></span>
                        </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="education"></div>
                        <span class="main_text">
                            <span class="TopicName">最高学历：</span>
                            <span id="educationword"></span>
                        </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="job"></div>
                        <span class="main_text">
                            <span class="TopicName">常看的行业：</span>
                            <span id="myjobs"></span>
                        </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="xingqu"></div>
                        <span class="main_text">
                            <span class="TopicName">常看的兴趣：</span>
                            <span id="myhobby"></span>

                            <!--<span>旅游</span>-->
                            <!--<span class="labelspan">|</span>-->
                            <!--<span>爬山</span>-->
                        </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="news"></div>
                        <span class="main_text">
                            <span class="TopicName">常看的新闻：</span>
                            <span id="mynews"></span>
                        </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem">
                    <div class="list_item_icon" id="zuji"></div>
                        <span class="main_text">
                            <span class="TopicName">待过的城市：</span>
                            <span id="visitedcity"></span>
                            <!--<span class="labelspan">|</span>-->
                            <!--<span>北京</span>-->
                            <!--<span class="labelspan">|</span>-->
                            <!--<span>东京</span>-->
                        </span>
                </a>
            </div>
        </div>
        <!-- 铺路信息-->
        <div class="AboutSection setpageotherplace ">
            <div class="section_header bordertop">
                铺路信息
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem" id="myscore">
                    <div class="list_item_icon" id="score"></div>
                        <span class="main_text">
                            <span class="TopicName">个人账户：</span>
                            <span id="scoreword"></span>
                            <!--<span id="turnoutmoney" style="float:right;margin-left:20px;color: #1B66C7">转出</span>-->
                            <!--<span id="rechargemoney" style="float:right ;color: #1B66C7">充值</span>-->
                        </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem" id="myaskbtn">
                    <div class="list_item_icon" id="myquestion"></div>
                        <span class="main_text">
                            <span class="TopicName">我的提问：</span>
                            <span id="myquestionCount"></span>
                        </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem" id="myanswerbtn">
                    <div class="list_item_icon" id="myanswer"></div>
                        <span class="main_text">
                            <span class="TopicName">我的回答：</span>
                            <span id="myanswerCount"></span>
                        </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem" id="myexpbtn">
                    <div class="list_item_icon" id="myexp"></div>
                        <span class="main_text">
                            <span class="TopicName">我的经验：</span>
                            <span id="myexpCount"></span>
                        </span>
                </a>
            </div>
            <div class="contents">
                <a class="AboutListItem LocationAboutListItem" id="mycollectbtn">
                    <div class="list_item_icon" id="mycollect"></div>
                        <span class="main_text">
                            <span class="TopicName">我的收藏：</span>
                            <span id="mycollecttionCount"></span>
                        </span>
                </a>
            </div>
        </div>
        <!-- 个人动态-->
        <div class="AboutSection setpageotherplace ">
            <div class="section_header bordertop">
                个人动态
            </div>
            <!-- 最新动态-->
            <div class="Cell InputCell InputMixin">

                <div class="Cell InputCell InputMixin">
                        <span class="tc_inner alwaysseelistbtn" id="lastinfopage">
                            <div class="form_inputs">
                                <p class="form_row">
                                    <span class="input_label">最新动态</span>
                                </p>
                            </div>

                            <div class="changephotobox mysetpageimgbtn rightarrowimg">
                                <img src="img/rarr02.png"/>
                            </div>
                        </span>
                </div>
                <div class="tc_stroke"></div>
            </div>
        </div>
        <!-- 权限设置-->
        <div class="AboutSection setpageotherplace ">
            <div class="section_header bordertop">
                权限设置
            </div>
            <!-- 屏蔽管理-->
            <div class="Cell InputCell InputMixin">

                <div class="Cell InputCell InputMixin">
                        <span class="tc_inner alwaysseelistbtn" id="pbgl">
                            <div class="form_inputs">
                                <p class="form_row">
                                    <span class="input_label">屏蔽管理</span>
                                </p>
                            </div>
                            <div class="kindword alwayswords">
                            </div>
                            <div class="changephotobox mysetpageimgbtn rightarrowimg">
                                <img src="img/rarr02.png"/>
                            </div>
                        </span>
                </div>
                <div class="tc_stroke"></div>
            </div>
            <div class="Cell InputCell InputMixin">
                    <span class="tc_inner" id="seeme">
                        <div class="form_inputs">
                            <p class="form_row">
                                <span class="input_label">陌生人查看十条信息</span>
                            </p>
                        </div>
                        <div class="changephotobox mysetpageimgbtn">
                            <img src="img/message_off.png" id="seemeimg1" style="display:block "/>
                            <img src="img/message_on.png" id="seemeimg2" style="display: none"/>
                        </div>
                    </span>
                <div class="tc_stroke"></div>
            </div>

        </div>
        <!-- 动态-->
        <!-- <div class="section_header section_header_gray">
            <span>最新动态</span>
            <span id="lastinfopage" style="display:block;"></span>
        </div>
        <div id="setpagenewslist">
        
        </div> -->
    </div>
</div>
<!-- 好友申请-->
<div id="friendInfor" style="display:none">
    <div class="inner">
        <div class="action_menu" style="padding-top: 144px;">
            <a class="mweb_action_button">好友申请</a>
            <a class="mweb_action_button" id="fromwho"></a>
            <a class="mweb_action_button" id="iamagree">同意</a>
            <a class="mweb_action_button cancel" id="iampass">拒绝</a>
        </div>
    </div>
</div>
<!-- 好友结果提示-->
<!-- 好友申请-->
<div id="friendInfor2" style="display:none">
    <div class="inner">
        <div class="action_menu" style="padding-top: 144px;">
            <a class="mweb_action_button">提示</a>
            <a class="mweb_action_button" id="iamagree2"></a>
            <a class="mweb_action_button" id="ikonw2">确定</a>
        </div>
    </div>
</div>
<!-- 弹出框-->
<div class="modal_bg" style="display: none;"></div>
<!-- 背景和选项框效果不同需要分开放置-->
<div class="action_menu_container" style="display: none;">
    <div class="inner">
        <div class="action_menu" style="padding-top: 144px;">
            <a class="mweb_action_button"  id="bjzl">编辑资料</a>

            <a class="mweb_action_button" id="signout">退出登录</a>
            <a class="mweb_action_button cancel" id="cancel">取消</a>
        </div>
    </div>
</div>
<!-- 大图片-->
<div id="digimgplace" style="display: none;vertical-align: middle;"></div>
<section class="imgzoom_pack">
    <div class="imgzoom_x"></div>
    <div class="imgzoom_img"><img src="" /></div>
</section>
<!-- 加载中等待-->
<div id="waitplace" style="display:block;">
    <div>
        <div class="lf">
            <img src="img/aoy.png"/>
        </div>
        <div class="lf">
            加载中...
        </div>
    </div>
</div>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<script src="ftnjs/urlnote.js"></script>
<script src="js/tohref.js"></script>
<script src="ftnjs/scale.js"></script>

<!--环信-->
<script type="text/javascript" src="sdk/webim.config.js"></script>
<script src="sdk/strophe-1.2.8.min.js"></script>
<script src="http://downloads.easemob.com/downloads/cdn/websdk-1.4.5.min.js"></script>
<script src="ftnjs/changetimeftn.js"></script>
<script src="js/setpage1.js"></script>
<script>
    document.addEventListener("DOMContentLoaded", function(event){
        ImagesZoom.init({
            "elem": "#photo"
        });
    }, false);
</script>
</body>
</html>